﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ARS.Master" AutoEventWireup="true" CodeBehind="MyBookings.aspx.cs" Inherits="NUS.ISS.ARS.Web.Booking.MyBookings" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script src="../Scripts/developer.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:Label ID="lblMsg" runat="server" Text=""></asp:Label>

    <div class="well">
            <div class="qa-message-list" id="wallmessages">

    <asp:ListView ID="lvBookings" runat="server">
        <LayoutTemplate>
            <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>			        
        </LayoutTemplate>
        <ItemTemplate>
        <div class="container">                
		        <div class="row">
					<div class="panel panel-info">
						<div class="panel-heading">
							<div class="panel-title"><strong>
                                <asp:Literal ID="titleFromTo" Text='<%#Eval("titleFromTo")%>' runat="server"></asp:Literal></strong></div>
						</div>
					</div>
				</div>
                <div>
					<div class="message-item" id="m16">
						<div class="message-inner">
							<div class="message-head clearfix">
								<div class="user-detail">
                                    <div id="divId" runat="server" style="display: none">                
                                        <asp:Label ID="lblId" runat="server" 
                                            Text='<%#Eval("id") %>' />
                                    </div> 
									<h4 class="handle">
                                        <asp:Literal ID="totalPrice" Text='<%#Eval("total_price")%>' runat="server"></asp:Literal></h4>
									<div style="float: right; position: relative; top: -10px">
										<asp:CheckBox ID="chkChange" Text="Change" GroupName="1" runat="server" />
									</div>
									<div class="asker-meta">
										<span class="qa-message-when-data">
                                            <asp:Literal ID="fromToTime" Text='<%#Eval("from_to_time")%>' runat="server"></asp:Literal></span>                                        
									</div>
                                    <div class="asker-meta">
										<span class="qa-message-when-data">
                                            <asp:Literal ID="longDate" Text='<%#Eval("long_date")%>' runat="server"></asp:Literal></span>                                        
									</div>
                                    <div class="asker-meta">
										<span class="qa-message-when-data">
                                            <asp:Literal ID="flightNo" Text='<%#Eval("flight_no")%>' runat="server"></asp:Literal></span>                                        
									</div>
								</div>
							</div>
							<div class="qa-message-content">
								<!--<h5>Fee Details</h5>-->
                                <asp:Literal ID="fare" Text='<%#Eval("fare")%>' runat="server"></asp:Literal>
                                <asp:Literal ID="surcharge" Text='<%#Eval("surcharge")%>' runat="server"></asp:Literal>
							</div>
						</div>
					</div>
				</div>	
            </div>
            <br />
			<hr>
            
        </ItemTemplate>
            
    </asp:ListView>

            </div>
	</div>     
   

        <div class="form-group well">
			<label class="col-md-10 control-label" for="search"></label>
			<div>
                <asp:Button ID="btnBack" runat="server" Text="Back" class="btn btn-danger" OnClientClick="JavaScript: window.history.back(1); return false;" />
				    <span class="glyphicon glyphicon glyphicon-circle-arrow-left"></span>
                 <asp:Button ID="btnNext" runat="server" Text="Next" class="btn btn-primary" onclick="btnNext_Click" />
                    <span class="glyphicon glyphicon glyphicon-circle-arrow-right"></span>
			</div>
		</div>

    
<style type="text/css">
.message-item {
	margin-bottom: 25px;
	margin-left: 40px;
	position: relative;
}

.message-item .message-inner {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	position: relative;
}

.message-item .message-inner:before {
	border-right: 10px solid #ddd;
	border-style: solid;
	border-width: 10px;
	color: rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 0;
	position: absolute;
	left: -20px;
	top: 6px;
	width: 0;
}

.message-item .message-inner:after {
	border-right: 10px solid #fff;
	border-style: solid;
	border-width: 10px;
	color: rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 0;
	position: absolute;
	left: -18px;
	top: 6px;
	width: 0;
}

.message-item:before {
	background: #fff;
	border-radius: 2px;
	bottom: -30px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	content: "";
	height: 100%;
	left: -30px;
	position: absolute;
	width: 3px;
}

.message-item:after {
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	content: "";
	height: 15px;
	left: -36px;
	position: absolute;
	top: 10px;
	width: 15px;
}

.clearfix:before,.clearfix:after {
	content: " ";
	display: table;
}

.message-item .message-head {
	border-bottom: 1px solid #eee;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.message-item .message-head .avatar {
	margin-right: 20px;
}

.message-item .message-head .user-detail {
	overflow: hidden;
}

.message-item .message-head .user-detail h5 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.message-item .message-head .post-meta {
	float: left;
	padding: 0 15px 0 0;
}

.message-item .message-head .post-meta>div {
	color: #333;
	font-weight: bold;
	text-align: right;
}

.post-meta>div {
	color: #777;
	font-size: 12px;
	line-height: 22px;
}

.message-item .message-head .post-meta>div {
	color: #333;
	font-weight: bold;
	text-align: right;
}

.post-meta>div {
	color: #777;
	font-size: 12px;
	line-height: 22px;
}

img {
	min-height: 40px;
	max-height: 40px;
}
</style>

</asp:Content>




